<template>
  <div class="install">
    <panel title="安装">
      <p>推荐的安装方式是使用yarn（npm或cnpm也可以，但命令略有区别）进行安装：</p>
      <coding lang="ssh">
        yarn add wy-ui 或者 npm i wy-ui
      </coding>
    </panel>
    <panel title="全量加载">
      <p>安装完成后，可以选择全量加载组件或者按需加载。</p>
      <coding lang="js">
        <pre>
        // 项目入口文件
        import Vue from 'vue'
        // 全量加载
        import AdminUi from 'admin-ui/dist/index.js'
        import 'admin-ui/dist/style.css' // 一些全局样式需要单独引入

        Vue.use(AdminUi)
        </pre>
      </coding>
    </panel>
  </div>
</template>

<script>
import Panel from '@/components/Panel.vue'
import Coding from '@/components/Coding.vue'
export default {
  components: {
    Panel,
    Coding
  }
}
</script>
